<script setup>
import FanUserPanel from '..'
import Lazyload from '../../lazyload'

if (window.app && !window.lazyloadRegistered) {
	window.app.use(Lazyload)
	window.lazyloadRegistered = true
}
</script>

<template>
	<demo-block title="基础用法">
		<FanUserPanel desc="已累计为您节省<span style='color:var(--fan-highlight-color);'>0</span>元"></FanUserPanel>
	</demo-block>

	<demo-block title="角色">
		<FanUserPanel role="洗眼啊" desc="已累计为您节省<span style='color:var(--fan-highlight-color);'>0</span>元"></FanUserPanel>
	</demo-block>

	<demo-block title="VIP">
		<FanUserPanel role="洗眼啊" vip desc="已累计为您节省<span style='color:var(--fan-highlight-color);'>0</span>元"></FanUserPanel>
	</demo-block>
</template>
